<template>
  <div class="boxHead">
    <div class="boxHeadL">猫眼电影</div>
    <div class="boxHeadR">
      <img src="../../assets/gang2.png" />
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.boxHead {
  width: 10rem;
  height: 1.373333rem;
  background-color: #e54847;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.boxHeadL {
  width: 7.2rem;
  color: white;
  font-size: 0.48rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.boxHeadR {
  width: 1.4rem;
}

.boxHeadR img {
  margin-left: 0.32rem;
  width: 0.453333rem;
  height: 0.48rem;
}
</style>